.head{
    width: 100%;
    height: 30px;
    background: black;
}
.nav{
    font-size: 12px;
    line-height: 30px;
}
.nav1{
    width: 400px;
    float: left;
}
.nav1 p{
    color: #fff;
    float: left;
}
.nav1 a{
    color: #fff;
}
.nav1 a:hover{
    color: red;
}
.nav1 .a1{
    margin-left: 18px;
}
.nav1 .a3{
    margin-left: 18px ;
}

.nav1 span{
    color: #fff;
}
.nav2{
    width: 230px;
    float: left;
}
.nav2 a{
    color: #fff;
}
.nav3{
    width: 379px;
    float: right;
    font-size: 12px;
}
.nav3 ul{
    float: right;
}
.nav3 ul li{
    float: left;
}

.nav3 a{
    color: #fff;

}
.nav3 a:hover{
    color: red;
}
.nav3-a1{
    width: 92px;
    height: 30px;
    background: url("https://ssl1.sephorastatic.cn/soa/pc/images/my-sephora.png") no-repeat left;
}
.nav3-a1 a{
    width: 60px;
    height: 13.6px;
   margin-left: 15px;
}
.nav3-a1-1{
    float: right;
    display: block;
    width: 9px;
    height: 4px;
    margin-left: 22px;
    margin-top: -18px;
    background-position: -3px -16px;
    background-image: url("https://ssl1.sephorastatic.cn/soa/pc/images/top_angle_w.png");
}

.nav3-a2{
    width: 78px;
    height: 30px;
    background: url("https://ssl1.sephorastatic.cn/soa/pc/images/vip-club.png") no-repeat left;
    margin-left: 18px;
}
.nav3-a2 a{

    float: right;
}
.nav3-a3{
    width: 73px;
    height: 30px;
    background: url("https://ssl1.sephorastatic.cn/soa/pc/images/mobile-sephora.png") no-repeat left;
    margin-left: 18px;
}
.nav3-a3 a{

    float: right;
}
.nav3-a4{
    width: 48px;
    height: 30px;
    margin-left: 18px;
}
// head结束